body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, img {margin:0;padding:0;border:0;list-style: none;}
body{font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size:14px;background: #2a292b;}
/* @font-face {font-family: 'freshskin';src:url('../fonts/iconfont.ttf') format('truetype')} */
a{color:#333;text-decoration: none;}
a:hover{}
input,textarea{outline: none;}
 @font-face {
	font-family: 'freshskin';
    src:url('../fonts/iconfont.ttf');
}  
header{
	width:100%;
	height: 46px;
	background: #0a2536;
}
header .con{
	width:1200px;
	margin:0 auto;
}
header .con .left{
	float: left;
}
header .con .right{
	float: right;
}
header .con .left li{
	float: left;
	height:46px;
	line-height: 46px;
	margin-right:50px;
	color: #fff;
	cursor: pointer;
}
header .con .right li{
	float: right;
	height:46px;
	line-height: 46px;
	margin-left:50px;
	color: #fff;
	cursor: pointer;
}
header .con .right li a{color:#fff;}
nav{
	width:100%;
	height:55px;
	background:rgba(255,255,255,0.8);
}
nav .nav_in{
	width:1200px;
	margin:0 auto;
}
nav ul{
	float: left;
}
nav ul li{
	float: left;
	margin-right: 50px;
	font-size: 18px;
	height:55px;
	line-height: 55px;
}
nav ul li:first-child a{
	display:inline-block;
	height:55px;
	width:118px;
	background:url(../images/LOGO.png) no-repeat center left;
	}

nav .nav_in ol{
	float: right;
	width:300px;
	height: 55px;
	font-family: "freshskin";
}
nav .nav_in ol li{
	float: left;
	width:32px;
	height:32px;
	line-height: 32px;
	text-align: center;
	color:#333;
	box-shadow: 0 0 0 1px #333 inset;
	transition:box-shadow 0.5s ease 0s; 
	border-radius: 16px; 
	margin:10px 0 0 30px;
	cursor: pointer;
}
nav .nav_in ol li:hover{
	box-shadow: 0 0 0 16px #fff inset; 
	color:#333;
}
.content{
	color:#ccc;
	width:1200px;
	margin:0 auto 20px;
}
.content p:first-child{
	font-size: 16px;
	line-height: 50px;
}
.content p{
	font-size: 20px;
}
.content video{
	width:1200px;
	margin:30px 0 20px 0;
}
.content a{
	float: left;
	width:45px;
	height:24px;
	line-height: 24px;
	color:#ccc;
	padding-left: 30px;
	margin-left: 20px;
	background: url(../images/pic05.png) no-repeat left center;
}
.content a:nth-of-type(2){background: url(../images/pic06.png) no-repeat left center;}
.content a:nth-of-type(3){background: url(../images/pic07.png) no-repeat left center;}
.content h3{
	float: right;
	font-weight: normal;
}
.list{
	width:1200px;
	margin:0 auto;
	padding-top: 20px;
}
.list .left{
	float: left;
	width:932px;
	height:990px;

}
.list .left p{
	font-size: 20px;
	color:#ccc;
	margin-bottom: 20px;
}
.list .left a{
	width:218px;
	height:123px;
	float: left;
	margin:0 15px 15px 0;
	overflow: hidden;
	background: url(../images/pic08.jpg);

}
.list .left a:nth-of-type(2),.list .left a:nth-of-type(6),.list .left a:nth-of-type(10){background: url(../images/pic09.jpg);}
.list .left a:nth-of-type(3),.list .left a:nth-of-type(7),.list .left a:nth-of-type(11){background: url(../images/pic10.jpg);}
.list .left a:nth-of-type(4),.list .left a:nth-of-type(8),.list .left a:nth-of-type(12){background: url(../images/pic11.jpg);}


@-webkit-keyframes 'findIn'{
	0%{-webkit-transform:rotate(-360deg);}
	100%{-webkit-transform:none;}

}
.list .left a img:hover{
	
	display: block;
	-webkit-animation:findIn 1s 1;
	opacity: 0;
	transition:all 0.5s ease-in 0s;
	

}

.list .left .last{
	width:860px;
	background: #fff;
	height:350px;
	padding:25px 0 0 60px;
	
}
.list .left .last textarea{
	width:790px;
	height:240px;
	padding:10px 0 0 10px;
	border:1px solid #ccc;
	color:#ccc;

}
.list .left .last span{
	float: right;
	margin:10px 56px 0 0;
	width:100px;
	height:30px;
	line-height: 30px;
	text-align: center;
	color:#fff;
	background: #2fade7;
	border-radius: 5px;
	resize:none;
}
.list .right{
	float: left;
	width:252px;
	height:990px;

}
.list .right p{
	font-size: 20px;
	color:#ccc;
	height: 40px;
	border-bottom: 2px solid #ccc;
}
.list .right section{
	margin :10px 0 20px 0;
	width:252px;
	height:280px;
	padding-top: 20px;
	background: #fff;
	text-align: center;
	color:#ccc;
}
.list .right section p{
	font-size: 14px;
	border:none;
	text-align: left;
	height: 180px;
	padding:20px 20px 0 20px;
}
.list .right section span{
	color:#2fade7;
	float: right;
	margin-right: 20px;
}
.list .right img{
	display: block;
	margin-top: 15px;
}
footer{
	width:100%;
	height:127px;
	margin-top:20px;
	background: #0a2536; 
	color:#fff;
	text-align: center;
	clear: both;
}
footer .foot{
	width:1200px;
	height:127px;
	margin:0 auto;
	position: relative;
}
footer span{
	width:58px;
	height:32px;
	line-height: 43px;
	text-align: center;
	color:#fff;
	position: absolute;
	top:-31px;
	left:600px;
	margin-left:-29px;
	background: url(../images/sanjiao.png);
}
footer p{line-height: 127px;}
